@charset "utf-8";

/* layout Content Table
	1.header
	2.footer
	3.container
	4.snb
	5.paging
	6.layer_pupup
	7.table
*/

/* 1.header
--------------------------------------------------------------------------------------------------------------------------------*/
/* 상단 회원가입 및 마이페이지 단 */
.util_wrap{width:100%;height:31px;background:url("/cmp_images/common/bg_main_header.png") repeat-x 0 0;}
.util_wrap .util{position:relative;margin:0 auto;padding-top:10px;width:1280px;height:21px;}
.util_wrap .util ul li{float:left;padding-left:18px;margin-left:18px;border-left:1px solid #A5A5A5;}
.util_wrap .util ul li:first-child{padding-left:0;margin-left:0;border-left:none;}
.util_wrap .util .left{position:absolute;left:10px;}
.util_wrap .util .right{position:absolute;right:10px;}
/* 타이틀 및 날씨 */
.header_inner{position:relative;margin:0 auto;width:1280px;height:121px;}
.header_inner .week{position:absolute;left:10px;top:50px;font-size:10px;color:#969696;}
.header_inner h1{position:absolute;left:50%;top:40px;margin-left:-60px;}
.header_inner .weather{position:absolute;right:10px;top:40px;}
.header_inner .weather a{float:right;}
.header_inner .weather a span{display:block;color:#969696;text-align:center;}
.header_inner .weather a .thmb{padding:7px 10px 3px;height:30px;}
.header_inner .weather a .day{font-size:9px;}
.header_inner .weather .weekend{display:none;position:absolute;right:0;top:-10px;width:350px;background:#fff;}
.header_inner .weather .weekend.on{display:block;}
/* gnb */
.gnb_wrap{position:relative;margin:0 auto;width:1280px;height:44px;background:url("/cmp_images/common/bg_header_gnb.png") repeat-x 0 0;}
.gnb_wrap .gnb{padding:0;height:29px;}
.gnb_wrap .gnb li{float:left;padding:15px 30px 14px}
.gnb_wrap .gnb li.on{display:block;background:#6E757D}
.gnb_wrap .gnb .input_search{position:absolute;right:0;top:12px;display:inline-block;}
.gnb_wrap .gnb .input_search .input_keyword{float:left;border:none;color:#8C8C8C;}
.gnb_wrap .gnb .input_search .search_sub{float:left;cursor:pointer;margin-top:3px;width:14px;height:13px;text-indent:-100em;line-height:100em;border:none;background:url("/cmp_images/common/Search.png") right 0 no-repeat;overflow:hidden;}

.gnb_cate{display:none;position:absolute;left:0;top:39px;width:1278px;border:1px solid #6E757D;border-top:4px solid #6E757D;background:#fff;z-index:99}
.gnb_wrap .gnb li.on .gnb_cate{display:block;}
.gnb_cate table th{padding:14px 0 14px 15px;width:183px;border:1px solid #cdcdcd;border-right:none;background:#EBEDF0;text-align:left;}
.gnb_cate table th a{font-size:13px;font-weight:bold;color:#5D5D5D;}
.gnb_cate table th:first-child{border-left:none;}
.gnb_cate table td{padding:13px 0 13px 15px;width:183px;border-left:1px solid #cdcdcd;}
.gnb_cate table td:first-child{border-left:none;}
.gnb_wrap .gnb_cate table td ul li{margin:11px 0 0 0;padding:0;float:none;line-height:14px;}
.gnb_wrap .gnb_cate table td ul li.on{background:none}
.gnb_wrap .gnb_cate table td ul li.on a{color:#47688F;font-weight:bold}
.gnb_wrap .gnb_cate table td ul li:first-child{margin-top:0;}

/* 2.footer
--------------------------------------------------------------------------------------------------------------------------------*/
.footer{height:184px;border-top:1px solid #B4B4B4;background:#FBFBFB;clear:both;}
.footer .footer_wrap{position:relative;margin:0 auto;padding:25px 0 33px 59px;width:1221px;height:126px;}
.footer .footer_wrap .ico_shoes{position:absolute;left:4px;top:14px;}
.footer .footer_wrap ul{line-height:18px}
.footer .footer_wrap ul:after{content:"";display:block;clear:both;}
/* 텐케이 정보 */
.footer .footer_wrap .footer_info{position:absolute;}
.footer .footer_wrap .footer_info li{float:left;margin-left:25px;padding-left:25px;border-left:1px solid #CECECE;}
.footer .footer_wrap .footer_info li:first-child{margin-left:0;padding-left:0;border-left:none;}
.footer .footer_wrap .footer_info li a{color:#666;font-weight:bold;}
/* sns */
.footer_sns{position:absolute;right:0;top:25px}
.footer_sns li{float:left;margin-right:4px;}
/* 텐케이 정보 */
.inner_wrap{position:absolute;left:59px;top:77px;font-size:12px;color:#969696;letter-spacing:-0.2px;}
.inner_wrap h3{margin-bottom:5px;color:#666;font-weight:bold;}
.inner_wrap li{float:left;line-height:20px;}
.inner_wrap li a{position:relative;top:2px;}
.inner_wrap li span{margin:0 7px;}
.inner_wrap li.brs{clear:both;}
/* 고객센터 */
.inner_wrap2{position:absolute;left:748px;top:77px;font-size:12px;color:#969696;}
.inner_wrap2 h3{margin-bottom:5px;color:#666;font-weight:bold;}
.inner_wrap2 li{float:left;line-height:20px;}
.inner_wrap2 li span{margin:0 7px;}
.inner_wrap2 li.brs{clear:both;}

/* 3.container
--------------------------------------------------------------------------------------------------------------------------------*/
.container{margin:0 auto;width:1280px}
.content .import .btn_right{position:absolute;right:0;top:-9px;}
.content .import .btn_right a{display:inline-block;padding-top:9px;width:192px;height:22px;background:#444;color:#fff;font-weight:bold;text-align:center}

/*수량*/
.prd_cnt_box{display:inline-block}
.prd_cnt_box:after{clear:both;content:'';display:block}
.prd_cnt_box li{float:left;border:1px solid #cdcdcd;border-left:none;width:19px;height:19px;position:relative}
.prd_cnt_box li.min{border-left:1px solid #cdcdcd;background:url(/cmp_images/product_view/btn_prd_min.png) 0 0 no-repeat;cursor:pointer;text-indent:-9999px}
.prd_cnt_box li.inpt{width:34px;text-align:center;font-weight:bold;color:#969696;font-size:12px;line-height:18px}
.prd_cnt_box li.last{background:url(/cmp_images/product_view/btn_prd_add.png) 0 0 no-repeat;cursor:pointer;text-indent:-9999px}
.prd_cnt_box li input[type="text"]{width:30px;border:none;text-align:center;height:19px;padding:0}

/* 상품리스트 */
.prd_header .prd_new{background:url("/cmp_images/common/bg_dot1.png") left 3px no-repeat;}
.prd_header .prd_last{background:url("/cmp_images/common/bg_dot2.png") left 3px no-repeat;}
.prd_header .prd_gl{background:url("/cmp_images/common/bg_dot3.png") left 3px no-repeat;}
.prd_header .tab{position:absolute;top:-5px;right:0;}
.prd_header .tab li{float:left;padding:10px 17px;background:url("/cmp_images/product_list/bg_tab_line.png") left 10px no-repeat;}
.prd_header .tab li:first-child{background:none;}
.prd_header .tab li.on{border:1px solid #A2A2A2;color:#515151;background:none;}
.prd_header .tab li a{color:#969696;}
.prd_header .tab li.on a{color:#515151;}

.list ul:after{content:"";display:block;clear:both;}
.list ul li{float:left;margin:0 24px 22px 0;}
.list ul li.last{margin:0 0 22px 0;}
.list ul li .list_box{padding:9px;width:314px;height:452px;background:#EDEDEA;}
.list ul li .list_box.on{outline:3px solid #5D8BC3;}
.list .list_box .prd_info a.prd_img{display:inline-block;padding:15px 0;}
.list .list_box .prd_info a.vs{position:absolute;right:100px;bottom:10px;}
.list .list_box .prd_info a.like{position:absolute;right:58px;bottom:10px;}
.list .list_box .prd_info{position:relative;margin-bottom:15px;width:314px;height:301px;background:url("/cmp_images/product_list/bg_prd_info.png") 0 0 no-repeat;border-bottom:3px solid #E0E0E0;text-align:center;}
.list .list_box .prd_info.new{border-bottom:3px solid #0B9A00;}
.list .list_box .prd_info.last{border-bottom:3px solid #009CD3;}
.list .list_box .prd_info.gl{border-bottom:3px solid #A246A9;}
.list .list_box .prd_info .prd_size{position:absolute;top:0;right:0;width:44px;height:301px;background:url("/cmp_images/product_list/bg_size_line.png") 0 0 repeat-y;}
.list .list_box .prd_info .prd_size ul{height:287px;padding:7px 0;}
.list .list_box .prd_info .prd_size ul:after{content:"";display:block;clear:both;}
.list .list_box .prd_info .prd_size ul li{display:block;margin:11px 0 0 0;width:44px;text-align:center;color:#FEFEFE;line-height:12px;}
.list .list_box .prd_info .prd_size ul li:first-child{margin:0;}
.list .list_box .prd_info .prd_size ul li.none{color:#909090;text-decoration:line-through;}
/* 제품소개 */
.prd_name{position:relative;height:132px;}
.prd_name .brand .L{font-size:16px;font-weight:bold;color:#666;}
.prd_name .brand .R{float:right;font-size:14px;color:#666;}
.prd_name .information{margin-top:15px;font-size:12px;color:#969696;line-height:16px;height:48px;overflow-y:hidden;}
.prd_name .sale{position:absolute;bottom:14px;left:9px;padding-right:14px;display:inline-block;width:32px;text-align:center;background:url("/cmp_images/product_list/ico_sale.png") right 6px no-repeat;}
.prd_name .sale span{float:left;display:table-cell;padding:0;margin:0;background:url("/cmp_images/common/bg_sale_num.png") left top no-repeat;}
.prd_name .sale span:first-child{margin-right:2px}
.prd_name .sale span.n0{width:15px;height:20px;background-position:-11px -431px}
.prd_name .sale span.n1{width:11px;height:19px;background-position:-16px 0}
.prd_name .sale span.n2{width:14px;height:19px;background-position:-13px -48px}
.prd_name .sale span.n3{width:13px;height:22px;background-position:-13px -96px}
.prd_name .sale span.n4{width:15px;height:20px;background-position:-12px -144px}
.prd_name .sale span.n5{width:12px;height:22px;background-position:-14px -192px}
.prd_name .sale span.n6{width:13px;height:21px;background-position:-13px -239px}
.prd_name .sale span.n7{width:14px;height:20px;background-position:-13px -288px}
.prd_name .sale span.n8{width:14px;height:21px;background-position:-12px -335px}
.prd_name .sale span.n9{width:13px;height:23px;background-position:-13px -383px}
.prd_name .price{position:absolute;bottom:14px;right:0px;}
.prd_name .price .price1{margin-bottom:6px;font-size:12px;color:#8D8D8D;font-weight:bold;text-decoration:line-through;text-align:right;}
.prd_name .price .price2{font-size:19px;color:#D03A3E;font-weight:bold;text-align:right;}
/* 더보기 */
.prd_more{position:relative;left:-236px;margin-top:18px;}
.prd_more button{width:1280px;height:43px;background:url("/cmp_images/product_list/btn_prd_more.png") 0 0 no-repeat;}
.prd_more button span{position:relative;display:inline-block;left:-13px;top:-1px;color:#666;font-size:14px;line-height:16px;}

/* 4.snb
--------------------------------------------------------------------------------------------------------------------------------*/
.snb{float:left;width:236px;}
.snb h2{border-right:1px solid #474B50;border-bottom:1px solid #474B50;}
.snb .snb_list li{width:235px;height:60px;background:url("/cmp_images/introduction/bg_introlnb.png") left top no-repeat;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd;}
.snb .snb_list li.on{width:236px;height:60px;background:url("/cmp_images/introduction/bg_introlnb_on.png") left top no-repeat;border-bottom:1px solid #a4a4a4;border-right:none;}
.snb .snb_list li a{display:inline-block;padding:23px 0 0 68px;width:168px;height:37px;font-size:16px;color:#acacac;}
.snb .snb_list li.on a{color:#666;}

/* 5.paging
--------------------------------------------------------------------------------------------------------------------------------*/
.paging_wrap{padding:20px 0 160px 0;height:23px;text-align:center;font-weight:bold;}
.paging_wrap .paging{display:inline-block;height:23px;}
.paging_wrap .paging strong{display:inline-block;padding-top:6px;width:23px;height:15px;border:1px solid #E9E9E9;color:#D03A3E;}
.paging_wrap .paging a{padding-top:6px;height:15px;margin:0 9px;color:#666;}
.paging_wrap .paging a.prev,.paging_wrap .paging a.next{margin-top:-2px;font-weight:normal;}
.paging_wrap .paging a.prev span,.paging_wrap .paging a.next span{position:relative;top:-1px;font-size:10px;}

/* 6.layer_popup
--------------------------------------------------------------------------------------------------------------------------------*/
.layer_popup{position:absolute;background:#fff;padding:15px;border:1px solid #444;z-index:999}
.layer_popup .title1{margin-bottom:14px;padding-bottom:15px;border-bottom:1px solid #CDCDCD;text-align:right;}
.layer_popup .title2{margin-bottom:40px;text-align:center;}
.layer_popup .layer_table{width:100%;}
.layer_popup .layer_table tr:first-child th,.layer_popup .layer_table tr:first-child td{border-top:1px solid #A4A4A4;}
.layer_popup .layer_table th{padding:6px 20px;border-bottom:1px solid #E8E8E8;border-right:1px solid #E8E8E8;color:#666;vertical-align:middle;background:#F7F7F7;text-align:left;}
.layer_popup .layer_table td{padding:6px 20px;border-bottom:1px solid #E8E8E8;vertical-align:middle;color:#969696;text-align:left;}
.layer_popup .layer_table input[type="text"]{height:23px;}
.layer_popup .layer_table input[type="email"]{height:23px;}
.layer_popup .descrt{margin-bottom:11px;color:#969696;position:relative}
.layer_popup .qna_lst li .ttl {margin-top:13px;cursor:pointer;}
.layer_popup .qna_lst li .ttl:first-child{margin:0}
.layer_popup .qna_lst li .ttl span{background:url(/cmp_images/common/blt_qna.png) 0 1px no-repeat;padding-left:23px;width:114px;display:inline-block;height:14px}
.layer_popup .qna_lst li .ttl.on .qna_decrt{display:block} 
.layer_popup .qna_lst li .qna_decrt{display:none;background-color:#f7f7f7;border-top:1px solid #e8e8e8;padding:10px 22px;line-height:16px;margin-top:13px;}

.layer_popup2{position:absolute;background:#fff;border:1px solid #444;z-index:999}
.layer_popup2 .title1{height:30px;color:#fff;font-weight:bold;font-size:16px;padding-left:15px;padding-top:12px;background-color:#6e757d;}
.layer_popup2 .title2{color:#666;font-weight:bold;margin-bottom:19px;}
.layer_popup2 .title3{margin-top:34px;margin-bottom:12px;color:#4882c5;}
.layer_popup2 .layer_content{padding:22px 14px 26px;}
.layer_popup2 .layer_content .board_table table th,.layer_popup2 .layer_content .board_table table td{border-left:none}
.layer_popup2 .layer_content .board_table table tr.sale_price td{background-color:#ededed;padding:21px 20px 21px 0;color:#969696;}
.layer_popup2 .layer_content .board_table table tr.sale_price td .price_txt{text-align:left;padding-left:20px;}
.layer_popup2 .layer_content .board_table table tr.ln_color1 td{border-bottom-color:#cdcdcd}
.layer_popup2 .layer_content .board_table table tr td.f_blue{font-weight:bold;color:#4882c5}
.layer_popup2 .layer_content .board_table table tr td.price{font-size:15px;color:#666;}
.layer_popup2 .layer_content .board_table.list tr td{vertical-align:middle;padding-top:9px;padding-bottom:9px;}
.layer_popup2 .layer_content .btn_wrap{margin-top:10px;text-align:center}
.layer_popup2 .layer_content .btn_wrap .btn_black{height:13px;padding:12px 24px;background-color:#444;border:1px solid #444;font-weight:bold;color:#fff;display:inline-block;}
.layer_popup2 .layer_content .btn_wrap .btn_black.big{padding-left:28px;padding-right:28px}
.layer_popup2 .layer_content .btn_wrap .btn_grey{height:13px;padding:12px 24px;background-color:#e7e7e7;border:1px solid #a2a2a2;font-weight:bold;color:#515151;display:inline-block;}
.layer_popup2 .layer_content .board_table table td.prd_img_box .prd_nm{font-size:15px;font-weight:bold;color:#666;}
.layer_popup2 .layer_content .board_table table td.size_lst{padding:0}
.layer_popup2 .layer_content .board_table table td.size_lst > ul{max-height:164px;overflow-y:scroll;}
.layer_popup2 .layer_content .board_table table td.size_lst > ul > li{position:relative;padding:14px 22px;border-bottom:1px solid #e8e8e8;text-align:left;}
.layer_popup2 .layer_content .board_table table td.size_lst ul li .prd_cnt_box{position:absolute;right:22px;top:9px;}
.layer_popup .btn_black{position:absolute;width:auto;right:0;bottom:0;display:inline-block;padding:10px 20px;height:12px;background:#444;color:#fff;font-weight:bold;text-align:center}

/* 7.table
--------------------------------------------------------------------------------------------------------------------------------*/
.board_list{position:relative;}
.board_list:after{content:"";display:block;clear:both;}
.board_table table{width:100%;}
.board_table table th{padding-top:14px;height:26px;border-top:2px solid #A4A4A4;border-left:1px solid #E8E8E8;border-bottom:1px solid #cdcdcd;background:#F7F7F7;color:#666;vertical-align:middle;}
.board_table table th:first-child{border-left:none;}
.board_table table td{padding-top:14px;height:26px;color:#969696;text-align:center;border-left:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;}
.board_table table tr.last td{border-bottom:1px solid #A4A4A4;}
.board_table table td:first-child{border-left:none;}
.board_table table td a{color:#666;}

.board_table2 table{width:100%;}
.board_table2 table th{padding:7px 0;height:26px;border-top:2px solid #A4A4A4;border-left:1px solid #E8E8E8;border-bottom:1px solid #cdcdcd;background:#F7F7F7;color:#666;vertical-align:middle;}
.board_table2 table th:first-child{border-left:none;}
.board_table2 table td{padding-top:14px;height:26px;color:#969696;text-align:center;border-left:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;}
.board_table2 table tr.last td{border-bottom:1px solid #A4A4A4;}
.board_table2 table td:first-child{border-left:none;}
.board_table2 table td a{color:#666;}

.board_list .btn_right{position:absolute;right:0;}
.board_list .btn_right .btn_inquiry{display:inline-block;margin-top:10px;padding-top:9px;width:100px;height:22px;background:#444;color:#fff;font-weight:bold;text-align:center}
.board_table table td.prd_img_box{text-align:left;padding-left:25px}
.board_table table td.prd_img_box .prd_img{float:left;border:1px solid #e0e0e0;width:60px;height:60px;display:inline-block}
.board_table table td.prd_img_box .prd_img img{width:100%;height:100%}
.board_table table td.prd_img_box .prd_nm{height:15px;color:#666;float:left;margin-left:18px;padding-top:25px;display:inline-block;width:375px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
